<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery.js"></script>
</head>
<body>
    <div id="liyun">
        你真是个天才!

    </div>

    <script>
        var tools={
            setColor:function(){
                $('#liyun').css('color','red')
                return tools
            },
            setFontSlze:function(){
                $('#liyun').css('font-size','30px')
                return tools
            },
            click:function(){
                $('#liyun').click(function(){
                    alert('你呀,总能给我整出点花样')
                })
            }
                 

        }
        tools.setColor().setFontSlze().click()

        // Function.prototype.addMothed=function(mothedName,mothed){
        //     this.prototype[mothedName]=mothed;
        //     return this;
        // };
        // (function(){
        //     function _$(els){
        //         this.liyun=document.getElementById(els);
        //     }
        //     _$.addMothed('setColor',function(val){
        //         console.log(this);
        //         this.liyun.style.color=val
        //         return this;
                
        //     })
        //     window.$=function(els){
        //         return new _$(els);
        //     }
        //     $('liyun').setColor('red').setFontSlze(30)//.click('你呀，总能给我整点花样')

        // })()

    </script>
    
</body>
</html>